<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
 // Add a script element as a child of the body
 function downloadJSAtOnload() {
 var element1 = document.createElement("scriptt");
 element1.src = "engine.js";
 document.body.appendChild(element1);
 
 var element2 = document.createElement("script");
 element2.src = "jquery-1.5.1.js";
 document.body.appendChild(element2);
 
 var element3 = document.createElement("script");
 element3.src = "jquery-ui-1.8.11.custom.min.js";
 document.body.appendChild(element3);
 
 var element4 = document.createElement("script");
 element4.src = "underscore.js";
 document.body.appendChild(element4);
 
 var element5 = document.createElement("script");
 element5.src = "gaga.js";
 document.body.appendChild(element5);
 }

 function pageLoad() {
 // Check for browser support of event handling capability
 if (window.addEventListener) {
 window.addEventListener("load", downloadJSAtOnload, false);
 }
 else if (window.attachEvent) {
 window.attachEvent("onload", downloadJSAtOnload);
 }
 else {
	 window.onload = downloadJSAtOnload;
 }
 
 init();
 }
</script>
<script src=jquery-1.5.1.js></script>
<script src=jquery-ui-1.8.11.custom.min.js></script>
<script src=engine.js></script>
<script src=underscore.js></script>
<script src=gaga.js></script>
<meta charset=UTF-8>
<title>Texas Hold'em</title>
<link rel=stylesheet type="text/css" href="css/poker.css" media=screen />
</head>
<body onload="javascript:pageLoad();">
<div id=header><br>
<h1><a href="#">Texas Hold'em</a></h1>
<h2>Meeli Pällin, Astrid Maasen, Anti Alman</h2>
</div>
<div class=left><img src="pics/m2ngijatega_2.png">
<div id=player1 class=player>
<div id=name1 class=name></div>
<div id=stack1 class=stack></div>
<div id=cardA1 class=cardtopA1><img id=cardA1_img src="" width="100%" height="100%"></div>
<div id=cardB1 class=cardtopB1><img id=cardB1_img src=" " width="100%" height="100%"></div>
<div id=blind1 class=blindtop><img id=blind1_img src="" width="100%" height="100%"></div>
<div id=chip1 class=chiptop><img id=chip1_img src=" " width="100%" height="100%"></div>
<div id=bet1 class=bettop></div>
</div>
<div id=player2 class=player>
<div id=name2 class=name></div>
<div id=stack2 class=stack></div>
<div id=cardA2 class=cardtopA2><img id=cardA2_img src=" " width="100%" height="100%"></div>
<div id=cardB2 class=cardtopB2><img id=cardB2_img src=" " width="100%" height="100%"></div>
<div id=blind2 class=blindtop><img id=blind2_img src="" width="100%" height="100%"></div>
<div id=chip2 class=chiptop><img id=chip2_img src=" " width="100%" height="100%"></div>
<div id=bet2 class=bettop></div>
</div>
<div id=player3 class=player>
<div id=name3 class=name></div>
<div id=stack3 class=stack></div>
<div id=cardA3 class=cardtopA3><img id=cardA3_img src=" " width="100%" height="100%"></div>
<div id=cardB3 class=cardtopB3><img id=cardB3_img src=" " width="100%" height="100%"></div>
<div id=blind3 class=blindtop><img id=blind3_img src="" width="100%" height="100%"></div>
<div id=chip3 class=chiptop><img id=chip3_img src=" " width="100%" height="100%"></div>
<div id=bet3 class=bettop></div>
</div>
<div id=player4 class=player>
<div id=name4 class=name></div>
<div id=stack4 class=stack></div>
<div id=cardA4 class=cardrightA4><img id=cardA4_img src=" " width="100%" height="100%"></div>
<div id=cardB4 class=cardrightB4><img id=cardB4_img src=" " width="100%" height="100%"></div>
<div id=blind4 class=blindright><img id=blind4_img src="" width="100%" height="100%"></div>
<div id=chip4 class=chipright><img id=chip4_img src=" " width="100%" height="100%"></div>
<div id=bet4 class=betright></div>
</div>
<div id=player5 class=player>
<div id=name5 class=name></div>
<div id=stack5 class=stack></div>
<div id=cardA5 class=cardrightA5><img id=cardA5_img src=" " width="100%" height="100%"></div>
<div id=cardB5 class=cardrightB5><img id=cardB5_img src=" " width="100%" height="100%"></div>
<div id=blind5 class=blindright><img id=blind5_img src="" width="100%" height="100%"></div>
<div id=chip5 class=chipright><img id=chip5_img src=" " width="100%" height="100%"></div>
<div id=bet5 class=betright></div>
</div>
<div id=player6 class=player>
<div id=name6 class=name></div>
<div id=stack6 class=stack></div>
<div id=cardA6 class=cardbottomA6><img id=cardA6_img src=" " width="100%" height="100%"></div>
<div id=cardB6 class=cardbottomB6><img id=cardB6_img src=" " width="100%" height="100%"></div>
<div id=blind6 class=blindbottom><img id=blind6_img src="" width="100%" height="100%"></div>
<div id=chip6 class=chipbottom><img id=chip6_img src=" " width="100%" height="100%"></div>
<div id=bet6 class=betbottom></div>
</div>
<div id=player7 class=player>
<div id=name7 class=name></div>
<div id=stack7 class=stack></div>
<div id=cardA7 class=cardbottomA7><img id=cardA7_img src=" " width="100%" height="100%"></div>
<div id=cardB7 class=cardbottomB7><img id=cardB7_img src=" " width="100%" height="100%"></div>
<div id=blind7 class=blindbottom><img id=blind7_img src="" width="100%" height="100%"></div>
<div id=chip7 class=chipbottom><img id=chip7_img src=" " width="100%" height="100%"></div>
<div id=bet7 class=betbottom></div>
</div>
<div id=player8 class=player>
<div id=name8 class=name></div>
<div id=stack8 class=stack></div>
<div id=cardA8 class=cardbottomA8><img id=cardA8_img src=" " width="100%" height="100%"></div>
<div id=cardB8 class=cardbottomB8><img id=cardB8_img src=" " width="100%" height="100%"></div>
<div id=blind8 class=blindbottom><img id=blind8_img src="" width="100%" height="100%"></div>
<div id=chip8 class=chipbottom><img id=chip8_img src=" " width="100%" height="100%"></div>
<div id=bet8 class=betbottom></div>
</div>
<div id=player9 class=player>
<div id=name9 class=name></div>
<div id=stack9 class=stack></div>
<div id=cardA9 class=cardleftA9><img id=cardA9_img src=" " width="100%" height="100%"></div>
<div id=cardB9 class=cardleftB9><img id=cardB9_img src=" " width="100%" height="100%"></div>
<div id=blind9 class=blindleft><img id=blind9_img src="" width="100%" height="100%"></div>
<div id=chip9 class=chipleft><img id=chip9_img src=" " width="100%" height="100%"></div>
<div id=bet9 class=betleft></div>
</div>
<div id=player10 class=player>
<div id=name10 class=name></div>
<div id=stack10 class=stack></div>
<div id=cardA10 class=cardleftA10><img id=cardA10_img src=" " width="100%" height="100%"></div>
<div id=cardB10 class=cardleftB10><img id=cardB10_img src=" " width="100%" height="100%"></div>
<div id=blind10 class=blindleft><img id=blind10_img src="" width="100%" height="100%"></div>
<div id=chip10 class=chipleft><img id=chip10_img src=" " width="100%" height="100%"></div>
<div id=bet10 class=betleft></div>
</div>
<div id=card1><img id=cardimg1 src="" width=55 height=73></div>
<div id=card2><img id=cardimg2 src="" width=55 height=73></div>
<div id=card3><img id=cardimg3 src="" width=55 height=73></div>
<div id=card4><img id=cardimg4 src="" width=55 height=73></div>
<div id=card5><img id=cardimg5 src="" width=55 height=73></div>
<div id=pot><img id=pokerpot src="pics/pokerpot.png" width=100% height=100%>
<div id=potsize class=potsize>Potsize</div>
</div>
</div>
<div class=right>
<center><b>CHAT/LOG</b></center><br>
<textarea id=logTextBox rows=5 cols=20></textarea>
<form>
<input class=textbox id=chat_input>
<input type=button onclick="chat()" value=Send />
</form>
<button id=new><b>New Game</b></button><button id=leave><b>Leave</b></button>
<button id=call><b>Call</b></button><button id=bet><b>Raise</b></button>
<button id=check><b>Check</b></button><button id=fold><b>Fold</b></button>
<div id=cardAbig><img id=cardA src="pics/cards/taga.png"></div>
<div id=cardBbig><img id=cardB src="pics/cards/taga.png"></div>
</div>
</body>
</html>